<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit" />
  <meta name="robots" content="index, follow" />
  <title>KELLY RIGHT ™</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="shortcut icon" href="skin/fonts/favicon.ico"/>
  <link rel="bookmark" href="skin/fonts/favicon.ico"/>
  <link rel="stylesheet" type="text/css" href="skin/css/font-awesome.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="skin/css/bootstrap.min.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="skin/css/owl.carousel.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="skin/css/owl.theme.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="skin/css/settings.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="skin/css/style-red.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="skin/css/tk.css" media="screen" />
  <script type="text/javascript" src="skin/js/jquery.min.js"></script>
  <script type="text/javascript" src="skin/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="skin/js/template-web.js"></script>
  <script type="text/javascript" src="skin/js/owl.carousel.min.js"></script>
  <!-- 列表 -->
  <script type="text/html" id="list">
    {{each list v i}}
  
    {{/each}}
  </script>
</head>

<body>
  <div id="container" class="openHousers">
    <!-- 导航栏 -->
    <header class="clearfix" id="header-sec">
      <nav class="navbar navbar-default navbar-fixed-top pbox" role="navigation">

        <div class="container-fluid">

          <!-- 左 logo -->
          <div class="navbar-header">
            <!-- 移动端按钮 -->
            <a class="navbar-toggle collapsed mmenu-btn" href="#mmenu">
              <!-- <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span> 
                  <span class="icon-bar"></span> 
                  <span class="icon-bar"></span>  -->
              <img src="./skin/images/mobile-qttab.png" alt="">
            </a>

            <!-- pc -->
            <a class="navbar-brand hidden-xs hidden-sm hiddenMobEle" href="javascript:;">
              <img src="./skin/images/logo.png" alt="" class="logo" />
            </a>

            <!-- 移动 -->
            <a class="navbar-brand hidden-md hidden-lg hiddenPccEle" href="javascript:;">
              <img src="./skin/images/log-logo.png" alt="" class="logo" />
            </a>

          </div>

          <!-- tab -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

            <ul class="nav navbar-nav navbar-left" id="navigation1">
              <li class="Lev1">
                <a href="./index.html" class='menu1 active'>Homes for Sale </a>
              </li>

              <li class="Lev1">
                <a href="./aboutCharlotte.html" class='menu1'>About Charlotte</a>
              </li>

              <li class="Lev1">
                <a href="./contactUs.html" class='menu1'>Contact Us</a>
              </li>

              <!-- <li class="Lev1">
                    <a href="./openHouses.html" class="menu1">Open Houses</a>
                  </li> -->

              <!-- <li class="Lev1">
                    <a href="javascript:void(0);" class="menu1">New Developments</a>
                  </li>
    
                  <li class="Lev1">
                    <a href="javascript:void(0);" class="menu1">Buildings
                    </a>
    
                  </li>
    
                  <li class="Lev1">
                    <a href="javascript:void(0);" class="menu1">Find an Agent
                    </a>
    
                  </li>
    
                  <li class="Lev1">
                    <a href="javascript:void(0);" class="menu1">Blog
                    </a>
                  </li> -->
            </ul>

            <ul class="nav navbar-nav navbar-right" id="navigation2">

              <li class="Lev1">
                <a href="./sign-up.html" class="menu1 giwid">SIGN UP</a>
              </li>

              <li class="Lev1">
                <a href="javascript:void(0);" class="menu1 giwid activeLogin">LOG IN</a>
              </li>

              <li class="afterLogin" style="display: none">
                <a class="ele-a" href="#">
                  <!-- 注册时输入的用户名 -->
                  <span class="atext">username</span>
                  <div class="arr-down">
                    <img src="./skin/images/jiantouxia.png" alt="">
                  </div>
                </a>

                <!-- 用户相关 -->
                <ul class="aboutUser">
                  <li class="item">
                    <a href="./account-details.html" class="in">
                      <span class="">Account Details</span>
                    </a>
                  </li>

                  <li class="item" id="userFavourite">
                    <a href="./collection.html" class="in">
                      <span class="">Favorites</span>
                      <span class="favNum">0</span>
                    </a>
                  </li>

                  <li class="item">
                    <p class="signOut">Sign Out</p>
                  </li>
                </ul>

              </li>

            </ul>

          </div>

        </div>

      </nav>
    </header>
  
    <!-- sign in -->
    <div class="signin none">
      <div class="content">
        <!-- 关闭 -->
        <div class="closebtn"></div>

        <!-- logo -->
        <div class="dllogos">
          <div class="photo">
            <img src="./skin/images/log-logo.png" class="thepicture" alt="">
          </div>
        </div>

        <!-- 提示登录 -->
        <!-- <div class="tsinfo">Please login to your account before seeing the information. </div> -->

        <!-- 用户 -->
        <div class="userinfo login-normal" id="userInfo">
          <form action="">
            <!-- 导航 -->
            <div class="row navbares" id="signNav">

              <div class="col-xs-4 col-xs-offset-4 col-sm-2 col-sm-offset-7 up">
                <span>Sign Up</span>
              </div>

              <div class="col-xs-4 col-sm-2 log active">
                <span>Log In</span>
              </div>

            </div>

            <!-- sign up -->
            <div class="row usersignup">
              <!-- <div class="row free">
                Create a FREE account to save searches and track your favourite homes. Already have an account? Click
                the Log In tab.
              </div> -->

              <!-- 提示 -->
              <div class="row upalert" id="upginTips">You have signed up successfully, please log in to account.</div>

              <div class="row name">
                <div class="title">Name</div>
                <input type="text" placeholder="" name="" id="input_name1">
                <div class="ts">cannot be blank</div>
              </div>

              <div class="row email">
                <div class="title">Email</div>
                <input type="email" placeholder="" name="" id="input_email1">
                <div class="ts">please enter the correct email</div>
                <div class="exist">account already exists</div>
              </div>

              <div class="row password">
                <div class="title">Phone Number <span class="usedfor">(Used for Password)</span></div>
                <input type="text" placeholder="" name="" id="input_password1">
                <div class="ts">cannot be blank</div>
              </div>

              <!-- <div class="row confirm">
                <div class="title">Confirm Password</div>
                <input type="password" placeholder="" name="" id="input_confirm1">
                <div class="ts">does not match password</div>
              </div> -->

              <!-- 确定 -->
              <div class="row upsubmit">
                <p class="tj active">Sign Up</p>
              </div>

              <div class="row confirm2">
                <!-- <input type="checkbox" name="" value="0" id=""> -->
                <div class="pictur active"></div>
                Get emailed when we find more properties that suit your tastes! We'll notify you daily of new listings
                &
                price changes.
              </div>

              <div class="row bottomTiS">
                By clicking continue or sign up, you agree to our linked <span class="hs">Terms of Use</span> and <span
                  class="hs">Privacy Policy</span>
              </div>
            </div>

            <!-- log in -->
            <div class="row usersignin">
              <!-- <div class="row tit">
                <p>
                  Don't have an account? Click on the Sign Up tab.
                </p>
              </div> -->

              <!-- 提示 -->
              <div class="row alert" id="loginTips">Invalid email or password.</div>

              <div class="row email">
                <div class="title">Email</div>
                <input type="email" name="" placeholder="" id="input_email">
                <div class="ts">Please enter the correct email</div>
              </div>

              <div class="row password">
                <div class="title">Phone Number <span class="usedfor">(Used for Password)</span></div>
                <input type="text" name="" placeholder="" id="input_password">
                <div class="ts">cannot be blank</div>
              </div>

              <div class="row loginsubmits">
                <p class="tj active">Log In</p>
              </div>

              <!-- 是否保持状态 忘记密码 -->
              <div class="row combine">
                <!-- 保持状态 -->
                <div class="col-xs-12 col-sm-6 rad">
                  <!-- <input type="checkbox" value="0" name="agree" id="check"> -->
                  <div class="pictur active"></div>
                  Stay logged in
                </div>

                <div class="col-xs-12 col-sm-6 access">
                  <p>
                    <a href="javascript: void(0);" id="forgetword">Can't access your account?</a>
                  </p>
                </div>

              </div>


            </div>

          </form>

        </div>

        <!-- 忘记密码 -->
        <div class="row findpassword login-find" style="display: none;">
          <div class="row tit">
            <p>
              Enter the email address you registered with and your password will be sent to you.
            </p>
          </div>

          <!-- 提示 -->
          <div class="row alert" id="findpaTips">Invalid email.</div>

          <div class="row email" id="emaFi">
            <div class="title">Email</div>
            <input type="email" name="" placeholder="" id="sendEmail">
            <div class="ts">Please enter the correct email.</div>
          </div>

          <div class="row send" id="sendPass">
            <p class="tj active">Send Password</p>
          </div>

          <div class="row back">
            <p>
              <a href="javascript: void(0);">Back to log in page</a>
            </p>
          </div>

        </div>

      </div>
    </div>

    <!-- 所在页 -->
    <!-- <div class="breadcrumb-wrapper">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-4 bcid-cat">新闻资讯</div>
						<div class="col-md-9 col-sm-8 location"><i class="fa fa-map-marker"></i> &nbsp;<span>当前位置： <a href='javascript:;'>主页</a> > <a href='javascript:;'>新闻资讯</a> > </span></div>
					</div>
				</div>
      </div> -->

    <!-- 内容 -->
    <div class="page-container" id="innerpage-wrap">
      <div class="container">
        <!-- Upcoming Open Houses Near You 你附近即将开张的房子 -->
        <div class="row query">

          <h3 class="tit">Upcoming Open Houses Near You</h3>
          <p class="pha">
            Check out upcoming open houses near you. Find open house schedules and details of your favourite homes.
          </p>
          <!-- Filter by Province -->
          <div class="province">
            <div class="row">
              <div class="col-sm-3">
                <h3 class="name">Filter by Province</h3>
                <div class="selection">
                  <p class="op">Province</p>
                  <select name="" id="sele">
                    <option class="itm" value="Alberta">Alberta</option>
                    <option class="itm" value="British Columbia">British Columbia</option>
                    <option class="itm" value="Manitoba">Manitoba</option>
                    <option class="itm" value="New Brunswick">New Brunswick</option>
                    <option class="itm" value="Ontario" selected>Ontario</option>
                    <option class="itm" value="Prince Edward Island">Prince Edward Island</option>
                    <option class="itm" value="Saskatchewan">Saskatchewan</option>
                  </select>
                </div>
              </div>
            </div>

          </div>

          <!-- Dufferin -->
          <div class="dufferin">
            <div class="row greater">

              <h3 class="name">Dufferin</h3>

              <div class="row include">

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Mono (4)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Orangeville Area (5)</a>
                </div>

              </div>

            </div>

          </div>

          <!-- Greater Toronto -->
          <div class="toronto">
            <div class="row greater">

              <h3 class="name">Greater Toronto</h3>

              <div class="row include">

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Ajax (12)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Aurora (7)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Brampton (33)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Burlington (25)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Clarington (10)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">East Gwillimbury (7)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Georgina (12)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Halton Hills (11)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">King (4)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Markham (7)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Milton (5)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Mississauga (44)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Newmarket (10)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Oakville (24)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Oshawa (14)</a>
                </div>
                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Pickering (7)</a>
                </div>



              </div>

            </div>

          </div>

          <!-- Hamilton -->
          <div class="hamilton">
            <div class="row greater">

              <h3 class="name">Hamilton</h3>

              <div class="row include">

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Hamilton (46)</a>
                </div>

              </div>

            </div>

          </div>

          <!-- Kawartha Lakes -->
          <div class="lakes">
            <div class="row greater">

              <h3 class="name">Kawartha Lakes</h3>

              <div class="row include">

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Kawartha Lakes (9)</a>
                </div>

              </div>

            </div>

          </div>

          <!-- Simcoe -->
          <div class="simcoe">
            <div class="row greater">

              <h3 class="name">Simcoe</h3>

              <div class="row include">

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Barrie (31)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Innisfil (14)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">New Tecumseth (9)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Orillia (6)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Oro-Medonte (6)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Springwater (8)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Tiny (5)</a>
                </div>

              </div>

            </div>

          </div>

          <!-- Wellington -->
          <div class="wellington">
            <div class="row greater">

              <h3 class="name">Wellington</h3>

              <div class="row include">

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Erin (8)</a>
                </div>

                <div class="col-xs-6 col-sm-3 item">
                  <a href="javascript: void(0);">Guelph (8)</a>
                </div>

              </div>

            </div>

          </div>

        </div>

        <!-- 说明 -->
        <div class="row Explain">
          <p class="p">Listing data provided through TREB data license agreement and provided under copyright by the Toronto Real Estate Board. The listing data is deemed reliable but is not guaranteed accurate by the Toronto Real Estate Board nor REW.ca.</p>
        </div>

        <!-- Featured Open Houses 特色开放式住宅 -->
        <div class="row minor">
          <section class="similar" id="lunbo">
            <div class="boxes">
              <h3 class="text-center section-title titles">
                <a href="javascript:;" class="chi">Featured Open Houses</a>
              </h3>

              <div class="portfolio-box owl-wrapper">
                <div class="owl-carousel" data-num="4">

                  <div class="item project-post">
                    <div class="project-gallery">
                      <img src="./skin/images/bg1.jpg" alt="产品名称二" />

                      <div class="hover-box">
                        $3,995,000
                      </div>
                    </div>

                    <div class="introducts">
                      <h3 class="iport-h3-title">194 Burbank Drive</h3>

                      <ul class="tbox clearfix">
                        <li>Bayview Village</li>
                        <li>Toronto</li>
                      </ul>

                      <ul class="tbox box2 clearfix">
                        <li>5 bd</li>
                        <li>7 ba</li>
                        <li>60 x 127</li>
                      </ul>

                      <div class="footer">KELLER WILLIAMS REALTY CENTRES, ...</div>
                    </div>

                  </div>

                  <div class="item project-post">
                    <div class="project-gallery"> <img src="./skin/images/bg3.jpg" alt="产品名称八" />
                      <div class="hover-box">
                        $799,999
                      </div>
                    </div>

                    <div class="introducts">
                      <h3 class="iport-h3-title">194 Burbank Drive</h3>

                      <ul class="tbox clearfix">
                        <li>Bayview Village</li>
                        <li>Toronto</li>
                      </ul>

                      <ul class="tbox box2 clearfix">
                        <li>5 bd</li>
                        <li>7 ba</li>
                        <li>60 x 127</li>
                      </ul>

                      <div class="footer">RE/MAX HALLMARK REALTY LTD., BRO...</div>
                    </div>
                  </div>

                  <div class="item project-post">
                    <div class="project-gallery"> <img src="./skin/images/bg1.jpg" alt="产品名称八" />
                      <div class="hover-box">
                        $799,999
                      </div>
                    </div>

                    <div class="introducts">
                      <h3 class="iport-h3-title">194 Burbank Drive</h3>

                      <ul class="tbox clearfix">
                        <li>Bayview Village</li>
                        <li>Toronto</li>
                      </ul>

                      <ul class="tbox box2 clearfix">
                        <li>5 bd</li>
                        <li>7 ba</li>
                        <li>60 x 127</li>
                      </ul>

                      <div class="footer">RE/MAX HALLMARK REALTY LTD., BRO...</div>
                    </div>
                  </div>

                  <div class="item project-post">
                    <div class="project-gallery"> <img src="./skin/images/bg3.jpg" alt="产品名称八" />
                      <div class="hover-box">
                        $799,999
                      </div>
                    </div>

                    <div class="introducts">
                      <h3 class="iport-h3-title">194 Burbank Drive</h3>

                      <ul class="tbox clearfix">
                        <li>Bayview Village</li>
                        <li>Toronto</li>
                      </ul>

                      <ul class="tbox box2 clearfix">
                        <li>5 bd</li>
                        <li>7 ba</li>
                        <li>60 x 127</li>
                      </ul>

                      <div class="footer">RE/MAX HALLMARK REALTY LTD., BRO...</div>
                    </div>
                  </div>

                </div>
              </div>

            </div>
          </section>
        </div>

      </div>
    </div>


    <!-- 底部 -->
    <div class="commonfoot">
      <div class="container  hidden-xs hidden-sm">

        <div class="row">

          <div class="col-md-4 col-lg-4  foot-contact rightbox">
            <div class="f-contact ltxt">
              <p> <a href="javascript:void(0);">© 2019 Real Estate Website by DotCom Agents</a></p>
              <p> <a href="javascript:void(0);">All rights reserved. Privacy and Terms</a></p>
            </div>
          </div>

          <div class="col-md-4 col-lg-4 foot-contact">
            <div class="f-contact">
              <ul class="box clearfix">
                <li>
                  <a href="javascript:void(0);">
                    <img src="./skin/images/bottom1.png" alt="" class="pic">
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0);">
                    <img src="./skin/images/bottom2.png" alt="" class="pic">
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0);">
                    <img src="./skin/images/bottom3.png" alt="" class="pic">
                  </a>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-md-4 col-lg-4 foot-contact">
            <div class="f-contact rtxt">
              <p> <a href="./aboutCharlotte.html">ABOUT US</a></p>
              <p> <a href="./contactUs.html">CONTACT US</a></p>
            </div>
          </div>

        </div>

      </div>

      <div class="container hidden-md  hidden-lg">

        <div class="row">

          <div class="col-xs-12 col-sm-12 foot-contact">
            <div class="f-contact one">
              <ul class="about clearfix">
                <li><a href="./aboutCharlotte.html">ABOUT US</a></li>
                <li><a href="./contactUs.html">CONTACT US</a></li>
              </ul>
            </div>
          </div>

          <div class="col-xs-12 col-sm-12 foot-contact">
            <div class="f-contact two">
              <ul class="box clearfix">
                <li>
                  <a href="javascript:void(0);">
                    <img src="./skin/images/bottom1.png" alt="" class="pic">
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0);">
                    <img src="./skin/images/bottom2.png" alt="" class="pic">
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0);">
                    <img src="./skin/images/bottom3.png" alt="" class="pic">
                  </a>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-xs-12 col-sm-12  foot-contact">
            <div class="f-contact three">
              <p> <a href="javascript:void(0);">© 2019 Real Estate Website by DotCom Agents</a></p>
              <p> <a href="javascript:void(0);">All rights reserved. Privacy and Terms</a></p>
            </div>
          </div>
        </div>

      </div>
    </div>

    <!-- 返回顶部 -->
    <div class="commongoback" id="toTop">
      <div class="icon">
        <img src="./skin/images/up.png" />
      </div>
      top
    </div>

    <!-- 提示: 登录成功 -->
    <div class="success-logIn">
      <img class="pic" src="./skin/images/dui.png" alt="">
      <span class="txt">Logged in successfully.</span>
      <div class="close">
        <img src="./skin/images/guanbi.png" alt="">
      </div>
    </div>

    <!-- 提示: 退出成功 -->
    <div class="success-signOut">
      <img class="pic" src="./skin/images/dui.png" alt="">
      <span class="txt">Signed out successfully.</span>
      <div class="close">
        <img src="./skin/images/guanbi.png" alt="">
      </div>
    </div>

    <!-- 提示: 到邮箱找回密码 -->
    <div class="findmailbox">
      <img class="pic" src="./skin/images/dui.png" alt="">
      <span class="txt">You will receive an email with instructions about how to reset your password in a few
        minutes.</span>
      <div class="close">
        <img src="./skin/images/guanbi.png" alt="">
      </div>
    </div>


  </div>
  <script type="text/javascript" src="skin/js/jquery.migrate.js"></script>
  <!--<script type="text/javascript" src="skin/js/jquery.bxslider.min.js"></script>-->
  <script type="text/javascript" src="skin/js/jquery.imagesloaded.min.js"></script>
  <!-- <script type="text/javascript" src="skin/js/retina-1.1.0.min.js"></script> -->
  <script type="text/javascript" src="skin/js/jquery.themepunch.tools.min.js"></script>
  <script type="text/javascript" src="skin/js/jquery.themepunch.revolution.min.js"></script>
  <script type="text/javascript" src="skin/js/base64.min.js"></script>
  <script type="text/javascript" src="skin/js/base.js"></script>  
  <script type="text/javascript" src="skin/js/axios.min.js"></script>
  <script type="text/javascript" src="skin/js/script.js"></script>

  <!-- 移动端导航 -->
  <nav id="mmenu" class="noDis">
    <div class="mmDiv">

      <!-- 关闭 -->
      <div class="closefixed closemenu">
        <img src="./skin/images/close_pic.png" alt="" style="width: 20px; height: 20px;">
      </div>

      <!-- sign log -->
      <div class="MMhead">
        <ul class="users clearfix">
          <!-- 登录前 -->
          <li class="before before1">
            <a href="./sign-up.html" class="noblock logins">Sign Up</a>
          </li>

          <li class="before">
            <a href="javascript:;" class="noblock activeLogin">Log In</a>
          </li>

          <!-- 登录后 -->
          <!-- Account Details -->
          <li class="afters afters1">
            <a href="./account-details.html" class="item account">
              <img src="./skin/images/log-ren.png" class="pic" alt="">
            </a>
          </li>

          <!-- Favourites -->
          <li class="afters">
            <a href="./collection.html" class="item account">
              <img src="./skin/images/log-aixin.png" class="pic" alt="">
              <span class="num" id="faNum">0</span>
            </a>
          </li>

        </ul>

      </div>


      <!-- nav -->
      <ul class="mobnavbar">
        <li class="box">
          <a href="./index.html">Homes for Sale</a>
        </li>

        <li class="box">
          <a href="./aboutCharlotte.html">About Charlotte</a>
        </li>

        <li class="box">
          <a href="./contactUs.html">Contact Us</a>
        </li>

        <!-- <li class="box">
            <a href="./openHouses.html" class="m-menu1">Open Houses</a>
          </li> -->

        <!-- <li class="box">
            <a href="javascript:;" class="m-menu1">New Developments</a>
          </li>
  
          <li class="box">
            <a href="" class="m-menu1">Buildings</a>
          </li>
  
          <li class="box">
            <a href="" class="m-menu1">Find an Agent</a>
          </li>
          
          <li class="box">
            <a href="" class="m-menu1">Find an Agent</a>
          </li>
  
          <li class="box">
            <a href="javascript:;" class="m-menu1">Blog</a>
          </li> -->
      </ul>

      <!-- sign out 登录后出现 -->
      <div class="footout">
        <a class="" href="javascript:;">Sign Out</a>
      </div>

    </div>
  </nav>

  <link type="text/css" rel="stylesheet" href="skin/css/jquery.mmenu.all.css" />
  <script type="text/javascript" src="skin/js/jquery.mmenu.all.min.js"></script>
  <script type="text/javascript">
    $(function ($) {
      var baseUrl = localStorage.getItem('baseUrl');
      
      // 点击任意国家
      $('.greater').on('click', 'a', function () {
        var str = $(this).text();
        var a = str.indexOf('(') - 1 ;
        var q = str.substr(0, a);
        
        // 跳转
        window.open(`./openHouse-searchlist.html?q=${q}`);
      })
 
    });
  </script>
</body>

</html>